<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
<link type="text/css" rel="stylesheet" href="src/css/jscal2.css" />
<link type="text/css" rel="stylesheet" href="src/css/border-radius.css" />
    <!-- <link type="text/css" rel="stylesheet" href="src/css/reduce-spacing.css" /> -->

<link type="text/css" rel="stylesheet" href="src/css/win2k/win2k.css" />

<script src="src/js/jscal2.js"></script>
<script src="src/js/lang/es.js"></script>




<!--
<link type="text/css" rel="stylesheet" href="src/css/steel/steel.css" />

<link type="text/css" rel="stylesheet" href="src/css/gold/gold.css" />
<link type="text/css" rel="stylesheet" href="src/css/matrix/matrix.css" />
    <script src="src/js/lang/ru.js"></script>
    <script src="src/js/lang/de.js"></script>
    <script src="src/js/lang/fr.js"></script>
    <script src="src/js/lang/ro.js"></script>
    <script src="src/js/lang/cz.js"></script>
    <script src="src/js/lang/pl.js"></script>
    <script src="src/js/lang/pt.js"></script>
    <script src="src/js/lang/jp.js"></script>
    <script src="src/js/lang/cn.js"></script>
    <script src="src/js/lang/en.js"></script>

 <link type="text/css" rel="stylesheet" href="demopage.css" />
-->
   
  </head>
  <body style="background-color: #fff">










                   




<label for="f_rangeStart">Campo Fecha:</label> </td>
<input size="15" id="f_rangeStart" />
<button id="f_rangeStart_trigger">...</button>
<button id="f_clearRangeStart" onclick="clearRangeStart()">Limpiar</button>
                
<script type='text/javascript'>
		var DISABLED_DATES = {
		    19001212: true,
		    19001213: true,
		    19001211: true,
		    19001215: true
		};
		var DATE_INFO = {
		  20090507: { klass: 'highlight', tooltip: 'MENSAJE UNO' },
		  20090508: { klass: 'highlight', tooltip: 'MENSAJE NUMERO 2' }
		};

	var CAKE_JSCAL = Calendar.setup({
                        //cont: 'f_rangeStart', // DEJAR CARGADO EN UN DIV
			animation: true, // ANIMACION 
		 	bottomBar: false, // MARCAR BOTON DE HOY
		        weekNumbers: true,  //NUMERO DE SEMANA
			min: 20090501, //FECHA MINIMA
    			max: 20100625, //FECHA MAXIMA
                        //selectionType: Calendar.SEL_MULTIPLE, //SELECCION MULTIPLE
                       // showTime: 12, // MUESTRA LA HORA EN FORMATO DE HORA 12 24
			dateInfo : getDateInfo, // MUY BUENA INFORMACION EN LOS DIAS DEL ARRAY DATE_INFO Y LOS DE IF()
			disabled : function(date) {       
			if (date.getDay() == 3) {return true;} else {return false;}    // DIAS DESHABILITADOS POR DIA DE SEMANA 
			date = Calendar.dateToInt(date); return date in DISABLED_DATES;// DIAS DESHABILITADOS DEL ARRAY DISABLED_DATES 
 		        },// DIAS DESHABILITADOS DEL ARRAY DISABLED_DATES 
			onSelect   : function() { this.hide() } // QUITA EL CALENDARIO CON UN CLICK
			})
	      		//   CAKE_JSCAL.args.min = Calendar.intToDate('20130201'); //CARGA VALOR MINIMO PERO CON LA ACCION
	    	        //   CAKE_JSCAL.args.max = Calendar.intToDate('20130210'); //CARGA VALOR MAXIMO PERO CON LA ACCION
	     		CAKE_JSCAL.manageFields('f_rangeStart_trigger', 'f_rangeStart', '%d-%m-%Y');
	  	        CAKE_JSCAL.manageFields('f_rangeStart', 'f_rangeStart', '%d-%m-%Y');


			function getDateInfo(date, wantsClassName) {
			  var as_number = Calendar.dateToInt(date);
		          if (String(as_number).indexOf('0521') == 4) { return { klass: 'birthday', tooltip: 'MENSAJE ESPECIFICO 1' };}//MSN LOS 0521
			  if (String(as_number).indexOf('0519') == 4) { return { klass: 'birthday', tooltip: 'MENSAJE ESPECIFICO 2' };}//MSN LOS 0519
			  if (as_number >= 20090522 && as_number <= 20090524)//MSM DESDE  20090522 AL 20090524
			    return {
			      klass   : 'highlight2',
			      tooltip : '<div style=\'text-align: center\'>%d-%m-%Y (%A)' +
					'<br>MENSAJE EN CALENDARIO</div>'
			    };
			  return DATE_INFO[as_number];
			};
                </script>
   
















  </body>
</html>
